草庐IT

Element-UI 表单校验

全部标签

javascript - 如何禁用使用回车键提交表单?

我在输入按键时有一个js事件,它工作正常。但在该事件之后,它还会提交具有提交按钮的表单。在上一个按键事件之后,如何阻止该提交按钮获得焦点?编辑:我不希望提交按钮在输入时提交,只在点击时提交。 最佳答案 您可以使用java脚本执行此操作,如下所示;functionstopReloadKey(evt){varevt=(evt)?evt:((event)?event:null);varnode=(evt.target)?evt.target:((evt.srcElement)?evt.srcElement:null);if(evt.key

javascript - Jquery UI 可拖动 : clone if Ctrl pressed down

我有一个可拖动的表格单元格列表,可以将其拖放到第二个表格上。它们设置为克隆,因为如果从中拖动项目,原始表应保持不变。现在,我希望能够将第二个表格中放置的元素从一个单元格移动到另一个单元格。但是,如果在第二个表格中拖动元素时按下Control键,则应克隆该元素。现在我不知道如何优雅地实现这最后一部分。到目前为止我的代码,只有Ctrl部分的克隆丢失了:$(".drag_clone").draggable({helper:"clone"});$(".draggable").draggable({revert:"invalid"});$(".droppable").droppable({dro

javascript - jQuery UI 可选 : How to get marching ants style lasso to show up?

我刚刚开始在我的应用程序中注入(inject)一些jqueryUI优点,并且正在努力解决一个相当小的问题。我有可选择的插件工作,但我似乎可以在拖动以选择多个时显示套索选取框。jqueryUI站点上的工作示例:http://jqueryui.com/demos/selectable/#default我的尝试:http://jsbin.com/amare5/2/edit使用的代码是jqueryUI站点示例的精确副本。我错过了什么? 最佳答案 成功了!谢谢@mattball!无需导入整个样式表,您只需要这个block:.ui-select

javascript - 使用验证器 jQuery 在 Click 事件上验证表单

我正在使用jQuery验证来验证输入。我的代码:$('#button').click(function(){$("#form").validate({rules:{phone:{required:true,number:true,rangelength:[7,14]}}});});和HTML:Send此代码无效。如果我添加这行jQuery$("#form").submit();在它起作用的点击事件中。但我不想提交表单,所以我只想在点击时进行验证。有人知道怎么做吗? 最佳答案 只需添加.form()立即手动触发验证(默认行为等待提交事

javascript - 在使用 ui :include 包含的 xhtml 文件中包含 JS 文件

我将用一个例子来说明我的问题:外部文件.xhtml:内部文件.xhtml:IAmTextinTheInnerFile!我的问题:可以像我那样在内部文件中声明js文件吗?我是否需要(并且应该)在内部文件中再次声明公共(public)(jquery-1.6.2.js)?如果我使用AJAX取消渲染和重新渲染inner_panel会怎样?是否会重新加载内部包含的header? 最佳答案 IsitokaytodeclarethejsfilesintheinnerfilethewayIdid?没有。您不应指定在包括以及。这只会导致无效HTML。

javascript - 停止 Enter/Return 键提交表单

这个问题在这里已经有了答案:PreventusersfromsubmittingaformbyhittingEnter(36个答案)关闭6年前。我在表单中有一个表。该表包含一些表单字段,但也有表外(但仍在表单内)的表单字段。我知道Enter和Return传统上用于通过键盘提交表单,但我想停止对表中字段的这种行为。例如,如果我聚焦表中的一个字段并按下Enter/Return,则什么也没有发生。如果我关注表外的字段(但仍在表单内),则它会正常提交。我有一个针对此表的jQuery插件。简而言之,这是我迄今为止尝试过的方法:base.on('keydown',function(e){if(e.

javascript - 使用 ui.router 渲染页面的 Angular JS 事件

背景场景:我有一个ng-repeat填充我的View,动态放大容器。我需要调整我的的高度当渲染完成时,我还需要在我的应用程序的每个其他页面上执行此操作。我很清楚ready()功能:angular.element(document).ready(function(){console.log('ready')})但是这段代码,放在app.js仅在第一页打开(或重新加载)时执行。重要提示:我正在使用ui.router浏览我的“页面”,所以每当我需要更改页面时,我都会调用“$state.transitionTo()”。问题:是否存在在页面完全呈现时广播的Angular事件?

javascript - 如何获取当前 ui-router 状态的完整 url?

我正在为AngularJS使用ui-router;我正在处理'$stateChangeSuccess'事件,并尝试获取当前状态的完整路径(在“#”之后)。$location.hash()返回空字符串,$state.url仅返回适用于嵌套状态的路径部分。我的完整路径#/a/b$state.url=="/b"$locadtion.hash()==""如何获取#/a/b或/a/b? 最佳答案 您可以随时使用:window.location或:window.location.hash(如果这是你想要的)。

javascript - Chrome扩展程序: How to show custom UI for a PDF file?

我正在尝试编写用于显示PDF文件的GoogleChrome扩展程序。一旦我检测到浏览器正在重定向到指向PDF文件的URL,我希望它停止加载默认的PDF查看器,而是开始显示我的UI。UI将使用PDF.JS呈现PDF,并使用jQuery-ui显示其他内容。问题:我该怎么做?阻止原始的PDF查看器非常重要,因为我不想通过显示两个文档实例来使内存消耗增加一倍。因此,我应该以某种方式将选项卡导航到我自己的View。 最佳答案 作为PDF.jsChromeextension的主要作者,我可以分享一些有关为Chrome构建PDFViewer扩展程

javascript - 使用 javascript 提交的表单只能在 Google Chrome 中使用一次

我有简单的形式。...还有一些anchor链接Doit!它在FireFox或IE中运行良好,但在GoogleChrome中运行良好。Chrome执行一次,然后链接变得不可点击。 最佳答案 也有这样的问题。决定是在每次提交之前向URL添加一些随机内容。HTML:...JavaScript(jQuery):$('#go').attr('action','go.php?'+Math.random()*1000).submit(); 关于javascript-使用javascript提交的表单只